﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="../Frozenui1.3/css/frozen.css" rel="stylesheet" />
    <script src="../JS/zepto.min.js"></script>
    <script src="../Frozenui1.3/js/frozen.js"></script>
    <title>报销记录</title>
</head>
<body>


 <div class="ui-tab">
    <ul class="ui-tab-nav ui-border-b">
        <li class="current">我申请的</li>
        <li>待我审批</li>
        <li>我已审批</li>
    </ul>
    <ul class="ui-tab-content" style="width:300%">
        <li>

              <div class="ui-form ui-border-t">
   
        <ul class="ui-list ui-list-text ui-border-tb">
    <li class="ui-border-t">
        <a class="ui-list-info" href="UI_JFBX_SH.html">
            <h4 class="ui-nowrap">07-10 吃饭 共消费300元</h4>
            <span style="font-size:10px;">申请人：张三</span>
            
        </a>
        <div class="ui-badge">待审核</div>
    </li>
             <li class="ui-border-t">
        <a class="ui-list-info" href="UI_JFBX_SH.html">
            <h4 class="ui-nowrap">07-10 吃饭 共消费300元</h4>
            <span style="font-size:10px;">申请人：张三</span>
            
        </a>
        <div class="ui-badge">待审核</div>
    </li>
             <li class="ui-border-t">
        <a class="ui-list-info" href="UI_JFBX_SH.html">
            <h4 class="ui-nowrap">07-10 吃饭 共消费300元</h4>
            <span style="font-size:10px;">申请人：张三</span>
            
        </a>
        <div class="ui-badge">待审核</div>
    </li>
    <li class="ui-border-t">
        <a class="ui-list-info" href="UI_JFBX_SH.html" style="color:#808080;">
            <h4 class="ui-nowrap">07-10 吃饭 共消费300元</h4>
            <span style="font-size:10px;">申请人：张三</span>
            <span style="font-size:10px;">核准人：李四</span>
        </a>
        <div class="ui-badge-muted">已审核</div>
    </li>
<li class="ui-border-t">
        <a class="ui-list-info" href="UI_JFBX_SH.html" style="color:#808080;">
            <h4 class="ui-nowrap">07-10 吃饭 共消费300元</h4>
            <span style="font-size:10px;">申请人：张三</span>
            <span style="font-size:10px;">核准人：李四</span>
        </a>
        <div class="ui-badge-muted">已审核</div>
    </li>
    
    
    </ul>

      </div>

        </li>
        <li>

             <div class="ui-form ui-border-t">
   
        <ul class="ui-list ui-list-text ui-border-tb">
    <li class="ui-border-t">
        <a class="ui-list-info" href="UI_JFBX_SH.html">
            <h4 class="ui-nowrap">07-10 吃饭 共消费300元</h4>
            <span style="font-size:10px;">申请人：张三</span>
            
        </a>
        <div class="ui-badge">待审核</div>
    </li>
             <li class="ui-border-t">
        <a class="ui-list-info" href="UI_JFBX_SH.html">
            <h4 class="ui-nowrap">07-10 吃饭 共消费300元</h4>
            <span style="font-size:10px;">申请人：张三</span>
            
        </a>
        <div class="ui-badge">待审核</div>
    </li>
             <li class="ui-border-t">
        <a class="ui-list-info" href="UI_JFBX_SH.html">
            <h4 class="ui-nowrap">07-10 吃饭 共消费300元</h4>
            <span style="font-size:10px;">申请人：张三</span>
            
        </a>
        <div class="ui-badge">待审核</div>
    </li>
    
    
    </ul>

      </div>

        </li>
        <li>

             <div class="ui-form ui-border-t">
   
        <ul class="ui-list ui-list-text ui-border-tb">
    <li class="ui-border-t">
        <a class="ui-list-info" href="UI_JFBX_SH.html" style="color:#808080;">
            <h4 class="ui-nowrap">07-10 吃饭 共消费300元</h4>
            <span style="font-size:10px;">申请人：张三</span>
            <span style="font-size:10px;">核准人：李四</span>
        </a>
        <div class="ui-badge-muted">已审核</div>
    </li>
<li class="ui-border-t">
        <a class="ui-list-info" href="UI_JFBX_SH.html" style="color:#808080;">
            <h4 class="ui-nowrap">07-10 吃饭 共消费300元</h4>
            <span style="font-size:10px;">申请人：张三</span>
            <span style="font-size:10px;">核准人：李四</span>
        </a>
        <div class="ui-badge-muted">已审核</div>
    </li>
    
    
    </ul>

      </div>

        </li>
    </ul>
</div>

        <script>
            window.addEventListener('load', function () {

                var tab = new fz.Scroll('.ui-tab', {
                    role: 'tab'
                });

                /* 滑动开始前 */
                tab.on('beforeScrollStart', function (from, to) {
                    // from 为当前页，to 为下一页
                })

                /* 滑动结束 */
                tab.on('scrollEnd', function (curPage) {
                    // curPage 当前页
                });

            })
    </script>

</body>
</html>
